<template>
  <!-- <div>详情页面 - {{ $route.params.id }}</div> -->
  <div>详情页面 - {{ id }}</div>
  <RouterView />
</template>

<script>
export default {
  // 从一个详情页到另一个详情页，因为都是使用了详情组件，那么为了性能，直接复用了详情组件
  // 意味着没有销毁，也没有重新创建，不会再执行created或者mounted这样的生命周期了
  // created() {
  // this.$route表示的是当前路由的路由信息
  //   console.log(this.$route.params.id);
  // },
  // watch: {
  //   $route(to, from) {
  // 新页面的路由信息和老页面的路由信息
  //     console.log("url改变了", to.params.id);
  //   },
  // },

  props: ["id"],
};
</script>
